<template>
	<view >
		<view>
			<u-navbar title-color="#fff" back-icon-color="#ffffff"
				:is-fixed="isFixed" :is-back="isBack" 
				:background="background" 
				:back-text-style="{color: '#fff'}" :title="title1" 
				:back-icon-name="backIconName" :back-text="backText"
				:border-bottom="false" @click="back()">
			</u-navbar>
		</view>
		<view >
			<u-image  width="100%" height="500rpx" src="../../static/map.jpg"></u-image>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 顶部导航栏
				title1: '虎溪地图',
				backText: '首页',
				backIconName: 'nav-back',
				right: false,
				showAction: false,
				rightSlot: false,
				useSlot: false,
				background: {
					'background-image': 'linear-gradient(45deg, #2BC3C8, #84E7B9)'
				},
				isBack: true,
				search: false,
				custom: true,
				isFixed: true,
				keyword: '',
				
			}
		},
		methods: {
			back() {
				uni.navigateBack();
			}
		}
	}
</script>

<style>
	.photo {
		display: flex;
	}
</style>